<template>
  <div id="app">
    <h1>111</h1>
    <p>{{ $t("login.home") }}</p>
    <p>{{ $t("login.login") }}</p>
    <button @click="swi(title)">点击切换{{title}}</button>
  </div>
</template>

<script>
export default {
  data(){
    return {
      flag:true,
      title:"中文"
    }
  },
  methods: {
    swi(title) {
      console.log(title)
      if(this.flag){
        this.$i18n.locale="zh-CN";
        this.title="英文"
        this.flag=false
      }else{
        this.title="中文"
        this.flag=true
        this.$i18n.locale="en-US";
      }
     

      // if(navigator.language== "en-US"){
      //   this.$i18n.locale="en-US";
      //   console.log(navigator.language)
      // }
      // if(navigator.language== "zh-CN"){
      //    this.$i18n.locale="zh-CN";
      //    console.log(navigator.language)
      // }

    },
  },

};
</script>


<style lang="scss">
</style>
